<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:pe="http://primefaces.org/ui/extensions"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<ui:composition template="/templates/templateLayout.xhtml">

	<f:metadata>
		<f:viewParam name="id" value="#{cuentaBean.id}" required="true"
			requiredMessage="Debe seleccionar una cuenta para Modififcar" />
		<f:event type="preRenderView" listener="#{cuentaBean.inicio()}" />
	</f:metadata>


	<ui:define name="centerContent">
		<h:panelGroup layout="block"
			class="title ui-widget-header ui-corner-all"
			style="padding: 8px; font-size: 16px !important; text-align: center;">
			<h:outputText value="#{msgs['cuenta.titulo.modificar']}" />

			<h:form id="create">
				<p:panel id="panelCreate">
				<p:messages  showDetail="true"  closable="true" showSummary="true"/>
						
					<p:panelGrid  style="width: 100%;text-align:left">						
						<p:row>
							<p:column>
								<h:outputLabel value="#{msgs['cliente']}" />
							</p:column>
							<p:column>
								<h:outputLabel
									value="#{cuentaBean.entity.cliente.apellidoNombre()}" />
							</p:column>
							<p:column>
								<h:outputLabel
									value="#{msgs['form.dni']}: #{cuentaBean.entity.cliente.dni}" />
							</p:column>
							<p:column colspan="2">
								<h:outputLabel
									value="#{msgs['form.mail']}: #{cuentaBean.entity.cliente.mail}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel for="nombre" value="#{msgs['form.nombre']}" />
							</p:column>
							<p:column colspan="4">
								<p:inputText id="nombre" value="#{cuentaBean.entity.nombre}" />
								<p:message for="nombre" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel value="#{msgs['codigo']}" />
							</p:column>
							<p:column>
								<h:outputLabel value="#{cuentaBean.entity.codigo}" />
							</p:column>
							<p:column>
								<h:outputLabel
									value="#{msgs.grupo}: #{cuentaBean.entity.grupo.toString()}" />
							</p:column>
							<p:column>
								<h:outputLabel
									value="#{msgs.subgrupo}: #{cuentaBean.entity.subGrupo.toString()}" />
								<h:outputLabel value="#{cuentaBean.entity.numero}" />
							</p:column>
							<p:column>
								<h:outputLabel
									value="#{msgs.numero}: #{cuentaBean.entity.numero}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel value="#{msgs['form.estado']}" />
							</p:column>
							<p:column colspan="4">
								<h:outputLabel value="#{cuentaBean.entity.estado.toString()}" />
							</p:column>
						</p:row>
						<p:row>
							<p:column>
								<h:outputLabel for="saldo" value="#{msgs['saldo']}" />
							</p:column>
							<p:column colspan="4">
								<pe:inputNumber id="saldo" value="#{cuentaBean.entity.saldo}" />
								<p:message for="saldo" />
							</p:column>
						</p:row>
					</p:panelGrid>

					<p:spacer height="20px" />

					<ui:include src="/pages/shared/movimietosLista.xhtml">
						<ui:param name="movimientos" value="#{cuentaBean.entity.movimientos}" />
					</ui:include>

					
					<f:facet name="footer">
						<ui:include src="/templates/toolbarCreate.xhtml">
							<ui:param name="bean" value="#{cuentaBean}" />
						</ui:include>
					</f:facet>
					
				</p:panel>
			</h:form>
		</h:panelGroup>
	</ui:define>

</ui:composition>
</html>
